/* Copyright (c) 2013 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

picture-debugger {
  -webkit-flex: 1 1 auto;
  -webkit-flex-direction: row;
  display: -webkit-flex;
}

picture-debugger > x-generic-object-view {
  -webkit-flex-direction: column;
  display: -webkit-flex;
  width: 400px;
}

picture-debugger > left-panel {
  -webkit-flex-direction: column;
  display: -webkit-flex;
}

picture-debugger > left-panel > picture-info {
  -webkit-flex: 0 0 auto;
  padding-top: 2px;
}

picture-debugger > left-panel > picture-info > .title {
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
}

picture-debugger > x-drag-handle {
  -webkit-flex: 0 0 auto;
}

picture-debugger .filename {
  -webkit-user-select: text;
  margin-left: 5px;
}

picture-debugger > raster-area {
  -webkit-flex: 1 0 auto;
}

/******************************************************************************/

raster-area {
  -webkit-flex-direction: column;
  background-color: #ddd;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-flex;
  min-height: 200px;
  min-width: 200px;
}